<div class="dialog-wrap-a ol-user-container">
	<div class="dialog-content">
		<div class="dialog-title d-green">
			<h3>在线用户</h3><a class="close" href="javascript:;">关闭</a>
		</div>
        <div class="ol-user-wrap">
        	<div class="acti-table-head">
				<table width="100%"  border="0" cellpadding="0" cellspacing="0">
					<tr>
						<th height="27" align="right"><span class="paddright10">共有在线用户 3 人</span></th>
					</tr>
				</table>
			</div>
            <div id="ol-userScrollWrap" class="ol-user">
            	<ul class="ol-user-list clearfix">
			 		<li>
						<span class="user-avatar floatl">
							<img src="../../static/images/default-avatar.png" />
						</span>
						<span class="name" title="李雷">李雷</span>
						<a class="swap c-blue" href="javascript:;">交换名片</a>
					</li>
					<li>
						<span class="user-avatar floatl">
							<img src="../../static/images/default-avatar.png" />
						</span>
						<span class="name" title="李雷">李雷</span>
						<a class="swap c-blue" href="javascript:;">交换名片</a>
					</li>
					<li>
						<span class="user-avatar floatl">
							<img src="../../static/images/default-avatar.png" />
						</span>
						<span class="name" title="李雷">李雷</span>
						<a class="swap c-blue" href="javascript:;">交换名片</a>
					</li>
				</ul>
<script type="text/javascript">
$(function(){
	$(".ol-user-list li").mouseenter(function(){
		$(this).addClass("hover");
	}).mouseleave(function(){
		$(this).removeClass("hover");
	});
});
</script>
            </div>
        </div>
        <div class="d-inner-bottom">
			<div class="pagination">
				<a href="javascript:;" class="c-blue">上一页</a>
				<span>1/20</span>
				<a href="javascript:;" class="c-blue">下一页</a>
				<input type="text"  class="input-page"/>
			</div>
		</div>
	</div>
	<table class="dialog-cover" border="0" cellpadding="0" cellspacing="0">
		<tbody>
			<tr>
				<td class="d-l-t">&nbsp;</td>
				<td class="d-m-t">&nbsp;</td>
				<td class="d-r-t">&nbsp;</td>
			</tr>
			<tr>
				<td class="d-l-m">&nbsp;</td>
				<td class="d-m-m">&nbsp;</td>
				<td class="d-r-m">&nbsp;</td>
			</tr>
			<tr>
				<td class="d-l-b">&nbsp;</td>
				<td class="d-m-b">&nbsp;</td>
				<td class="d-r-b">&nbsp;</td>
			</tr>
		</tbody>
	</table>
</div>